import {useRef,useEffect} from 'react'
import * as echarts from 'echarts'
export default ()=>{
    const chartRef=useRef()
    useEffect(()=>{
        let myChart=echarts.init(chartRef.current)
        let options={
            title:{
                text:'某公司2022年1-6月份收益情况'
            },
            xAxis:{
                data:['1月份','2月份','3月份','4月份','5月份','6月份']
            },
            yAxis:{},
            series:[
                {
                    type:'bar',
                    data:[123,100,200,50,80,90]
                }
            ]
        }
        myChart.setOption(options)
    },[])
    return(<>
       <div style={{width:'600px',height:'400px',backgroundColor:'#ccc'}} ref={chartRef}></div>
    </>)
}